
<style>
#fb604ef0::part(listbox) { z-index: 9995; }
#fb604ef0::part(selected-value) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

</style>
<fluent-select id="xxx" blazor:onchange="1" blazor:onkeydown="2" blazor:elementreference="xxx">
  <div slot="indicator" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="3" blazor:onclick="4">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
      <circle cx="160" cy="160" r="140"></circle>
    </svg>
  </div>
  <fluent-option id="xxx" value="1" blazor:onclick="5" blazor:elementreference="xxx">Option One</fluent-option>
  <fluent-option id="xxx" value="2" blazor:onclick="6" blazor:elementreference="xxx">Option Two</fluent-option>
  <fluent-option id="xxx" value="3" blazor:onclick="7" blazor:elementreference="xxx">Option Three</fluent-option>
  <fluent-option id="xxx" value="4" blazor:onclick="8" blazor:elementreference="xxx">Option Four</fluent-option>
</fluent-select>